<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
<h1 id="h1">111</h1>
<script>

</script>
<button id="b1">按钮</button>
</body>
</html>

<script src="js/jquery-3.7.0.js"></script>
<script>
    //JavaScript是解释型语法，由JavaScript引擎解释，而所有游览器都具备JavaScript引擎
    //1——JavaScript脚本是弱类型语法，值是什么，变量就是什么类型
    //2——JavaScript容器定义使用[],也就是json语法
    //3——JavaScript对象定义使用{},也就是json语法
    //4——定义变量使用var，没有常量
    //5——定义方法使用function
    //6——JavaScript特殊结果NaN（Not a Number，非数）不是一个数字
    //7——JavaScript特殊结果undefined不知道是什么
    //8——JavaScript特殊结果Infinity无穷大
    //9——JavaScript特殊类型函数类型

    //JavaScript的作用就是控制HTML元素，那么我们可以把HTML元素看成各种对象，也叫DOM( 文档对象模型（Document Object Model，简称DOM)
    //HTML文档根对象对象document
    //JavaScript还可以操作浏览器，也叫BOM(浏览器对象模型（Browser Object Model）)
    //浏览器根对象window


    // var a=10;
    // a="hzj";
    // console.log(a);

    // var a = [1, 2, 3, 4];
    // console.log(a[0]);
    //
    // var stu1 = {id: 1000, name: 'hzj', sex: 'M'};
    // console.log(stu1.name);
    // stu1.score = 100;
    // console.log(stu1.score);
    //
    // //定义方法
    // //调用方法的时候，可以不使用实参，例如有2个形参，可以给1个实参，也可以不给
    // function fun1(a, b) {
    //     console.log("a:" + a);
    //     console.log("b:" + b);
    //     console.log(a + b);
    //     console.log(1 / 0);
    // }
    //
    // fun1(2, 4);




    //特殊事件，整个HTML元素加载完毕后执行
    $(function () {
        //滚动的时钟
        var excute=function () {
            var a=new Date();
            $("#h1").text(a.getFullYear()+"年"+(a.getMonth()+1)+"月"+a.getDate()+" "+a.getHours()+":"+a.getMinutes()+":"+a.getSeconds());
        };
        //每过多少毫秒执行方法
        window.setInterval(excute,1000);






        function f1() {
            window.alert("ok");
        }

        var a = f1;
        var b = function () {
            window.alert("bbbbbbbbbbbbbbb");
        }
        var stu1 = {
            id: 1000,
            name: "hzj",
            doing: function () {
                window.alert(this.id + ":" + this.name);
            }
        };

        //这里就是整个HTML元素加载完毕后执行
        // $("#b1").on("click", function () {
        //     stu1.doing();
        // });

        $("#b1").click(function () {


        });
    });


</script>